// import tailwindcss from "@tailwindcss/postcss";
// import tailwindcss from 'tailwindcss';
import autoprefixer from "autoprefixer";
// import postcssPresetEnv from "postcss-preset-env";
// import prefixer from 'postcss-prefix-selector';
// import postcssAddRootSelector from 'postcss-add-root-selector'

export default {
  plugins: [
    // postcssPresetEnv({
    //   stage: 3,
    //   features: { "nesting-rules": true },
    // }),
    tailwindcss({
      config: {
        content: ['./index.html'],
        prefix: 'tw-',
        theme: {
          extend: {
            colors: {
              test: '#ff00ff',
            },
          },
        },
      },
    }),
    autoprefixer(),
    // postcssAddRootSelector({
    //   rootSelector: '#root',
    //   // transform(prefix, selector) {
    //   //   // 跳过 Tailwind 的 @layer 和基础样式
    //   //   if (selector.startsWith('@layer') || selector.includes('::')) return selector;
    //   //   return `${prefix} ${selector}`;
    //   // }
    // }),
    // prefixer({
    //   prefix: "#root",
    // transform(prefix, selector, prefixedSelector, filePath, rule) {
    //   if (selector.match(/^(html|body)/)) {
    //     return selector.replace(/^([^\s]*)/, `$1 ${prefix}`);
    //   }

    //   if (filePath.match(/node_modules/)) {
    //     return selector; // Do not prefix styles imported from node_modules
    //   }

    //   const annotation = rule.prev();
    //   if (
    //     annotation?.type === "comment" &&
    //     annotation.text.trim() === "no-prefix"
    //   ) {
    //     return selector; // Do not prefix style rules that are preceded by: /* no-prefix */
    //   }

    //   return prefixedSelector;
    // },
    // }),
    // tailwindcss({
    //   config: {
    //     content: [
    //       './src/**/*.{js,ts,jsx,tsx,vue}', // 或你的实际路径
    //       './index.html',
    //     ],
    //     prefix: 'tw-',
    //     theme: {
    //       extend: {
    //         colors: {
    //           test: '#ff00ff',
    //         },
    //       },
    //     },
    //   },
    // }),
    // autoprefixer(),
    
  ],
};
